@import "./variable.scss";

#shopHead{
    height: 100px;
    padding-top: 26px;
    box-sizing: border-box;
    border-bottom: 2px solid $color;
}
.shop-tit{
    font-size: 28px;
    color: #424242;
    line-height: 48px;
    float: left;
    margin-left: 45px;
}
#shopmain{
    min-height: 273px;
    background-color: #f7f7f7;
    padding: 38px 0;
    box-sizing: border-box;
    .empty-shop{
        height: 273px;
        padding-left: 558px;
        display: none;
        box-sizing: border-box;
        background: url(https://cdn.cnbj1.fds.api.mi-img.com/staticsfile/cart/cart-empty.png) no-repeat 124px 0;
        margin: 65px 0 130px;
        padding-top: 58px;
        h2{
            color: $colorb0;
            font-size: 36px;
            font-weight: bolder;
            line-height: 55px;
        }
        .desc{
            font-size: 20px;
            color: $colorb0;
            line-height: 30px;
        }
        .login-btn{
            display: inline-block;
            width: 170px;
            height: 48px;
            background-color: $color;
            color: #fff;
            text-align: center;
            line-height: 48px;
            margin-top: 20px;
            font-size: 14px;
            border: 1px solid $color;
        }
        .go-btn{
            @extend .login-btn;
            background-color: #f7f7f7;
            color: $color;
            margin-left: 10px;
        }
    }
    .have_shop{
        min-height: 400px;
        background-color: #fff;
       
        table{
            width: 1226px;
            padding-left: 40px;
            box-sizing: border-box;
            position: relative;
            &::before{
                content: '';
                position: absolute;
                width: 1226px;
                background-color: $colorb0;
                height: 1px;
                top: 70px;
                left: 0;
            }
            thead{
                line-height: 70px;
                tr>td:nth-child(1){
                    width: 110px;
                    input{
                        vertical-align: middle;
                    }
                }
                tr>td:nth-child(2){
                    width: 120px;
                    height: 70px;
                }
                tr>td:nth-child(3){
                    width: 300px;
                    
                }
            }
            tbody{
                tr{
                    height: 115px;
                    td{
                        img{
                            display: inline-block;
                            width: 80px;
                            height: 80px;
                        }
                    }
                    td:nth-child(6){
                        color: $color;
                    }
                    td:nth-child(3){
                        font-size: 14px;
                    }
                    td:nth-child(7) i{
                        color: $color75;
                        font-size: 12px;
                        margin-left: 10px;
                    }
                    .jsq{
                        width: 150px;
                        height: 40px;
                        border: 1px solid #e0e0e0;
                        a{
                            width: 40px;
                            height: 40px;
                            line-height: 40px;
                            font-size: 15px;
                            text-align: center;
                            &:nth-child(1){
                                float: left;
                            }
                            &:nth-of-type(2){
                                float: right;
                            }
                        }
                        input{
                            float: left;
                            width: 60px;
                            height: 40px;
                            border: 0;
                            text-align: center;
                        }
                    }
                }
            }
        }
    }    



    .Recommend{
        h2{
            text-align: center;
            margin-bottom: 30px;
            span{
                height: 40px;
                width: 482px;
                line-height: 40px;
                text-align: center;
                font-size: 30px;
                color: $color75;
                position: relative;
                background-color: #f5f5f5;
                
            }
            span::after{
                content: "";
                display: inline-block;
                height: 1px;
                width: 400px;
                position: absolute;
                left: 200px;
                opacity: .4;
                top: 50%;
                background-color: $colorb0;
            }
            span::before{
                content: "";
                display: inline-block;
                height: 1px;
                width: 400px;
                position: absolute;
                left: -500px;
                opacity: .4;
                top: 50%;
                background-color: $colorb0;
            }
        }
        .foryouproduct{
            ul>li{
                width: 234px;
                height: 300px;
                background-color: #fff;
                float: left;
                position: relative;
                margin-bottom: 10px;
                overflow: hidden;
                .forcont{
                    display: block;
                    width: 234px;
                    height: 240px;
                    text-align: center;
                    img{
                        width: 140px;
                        height: 140px;
                        display: block;
                        margin: 40px auto 20px;
                    }
                    p{
                        line-height: 25px;
                    }
                }
                .addcart{
                    display: block;
                    position: absolute;
                    color: $color;
                    width: 118px;
                    height: 28px;
                    border: 1px solid $color;
                    line-height: 28px;
                    left: 60px;
                    bottom: -40px;
                    text-align: center;
                    transition: all .5s;
                    z-index: 8;
                    background-color: #fff;
                    &:hover{
                        background-color: $color;
                        color: #fff;
                    }
                }
                &:hover .addcart{
                    bottom: 20px;
                }
            }
            ul>li:not(:nth-child(5n)){
                margin: 0 10px 0 0;

            }
        }
    }
}
.h_right{
    line-height: 65px;
    a:hover{
        color: $color;
    }
    a.hlogin:hover{
        color: $colorb0;
    }
}
